@charset "UTF-8";
.hide{
  display: none;
}
.wrap{
    .rechargeContent{
        background: rgb(245, 245, 245);
        height: 100%;
        width: 10rem;
        box-sizing: border-box;
        padding-top: .4rem;
        .levaeMoney{
            background: #fff;
            padding: .493333rem .493333rem;
            font-size: .453333rem;
            border-bottom: 1px solid rgb(239, 239, 239);
            span{
                padding-left: .493333rem;
                color: #ff3737
            }

        }
        .toRecharge{
            position: relative;
            padding: .493333rem .493333rem;
            font-size: .453333rem;
            background: white;
            input{
                margin-left: .266667rem;
                padding-left: .533333rem;
                border-radius: .266667rem;
                border: 1px solid orange
               
            }
            .only{
                position: absolute;
                top: 1.3rem;
                left:2.7rem;
                color: #ff3737;
                font-size: .213333rem;
                

            }
        }
        .inputGroup{
            padding-top: .266667rem;
            background: white;
            text-align: center;
            box-sizing: border-box;
            input{
                width: 2rem;
                height: .8rem;
                margin-bottom: .266667rem;
                text-align: center;
                background: white;
                border: 1px solid #e6e6e6;
                margin-left: .266667rem;

            }
        }
        .typeRecharge{
            margin-top: .266667rem;
            background: white;
            padding: .493333rem .493333rem;
            font-size: .453333rem;
           
        }
        .types{
            text-align: center;
            font-size: .346667rem;
            color: #333333;
            
        }
        
        button{
            display: block;
            width: 9.466667rem;
            height: .906667rem;
            margin: .8rem auto;
            margin-bottom: 0;
            text-align: center;
            border-radius: 10px;
            font-size: .346667rem;
            color: #fff;
            background: #ff3737;
        }
    }
}
.active{
    // background: #ff3737 !important;
    color: #ff3737;
    border: 1px solid #ff3737 !important;
}

input[type=radio] {

    display: inline-block;

    vertical-align: middle;

    width: .533333rem;

    height: .533333rem;

    -webkit-appearance: none;

    background-color: transparent;

    border: 0;

    outline: 0 !important;

    line-height: .533333rem;

    color: #d8d8d8;
    margin-left: .666667rem;
    margin-right: .266667rem

}

input[type=radio]:after {
    content: "";

    display:block;

    width: .533333rem;

    height: .533333rem;

    border-radius: 50%;

    text-align: center;

    line-height: 14px;

    font-size: 16px;

    color: #fff;

    border: 3px solid #ddd;

    background-color: #fff;

    box-sizing:border-box;

}

input[type=radio]:checked:after {
    // content: "L";

    // transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

    // -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

    border-color: #ff9537;

    background-color: #ff9837;

}